<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png">
    <HelloWorld msg="Hello World"/>
    <Events></Events>
    <com :age = 'ages' @path = "msg">
      <h1 slot="a">添加东西</h1>
    </com>
    <!-- <vuexx></vuexx> -->
    <pagea/>
    <pageb/>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'
import Events from './components/events'
import com from './components/com'
// import vuexx from './components/vuex'
import pagea from './components/a'
import pageb from './components/b'

export default {
  name: 'app',
  components: {
    HelloWorld,
    Events,
    com,
    // vuexx,
    pagea,
    pageb
  },
  data () {
    return {
      ages: 180
    }
  },
  methods: {
    msg () {
      this.ages++
    }
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
